<template>
  <div class="home" :style="{height: homeHeight + 'px'}">
    <div class="tip">
      <p>ID: 2156981532</p >
      <p>我的余额：<em>0.00</em></p >
    </div>
    <div class="boardBox">
      <div class="spinner" v-if="load">
        <div class="rect1"></div>
        <div class="rect2"></div>
        <div class="rect3"></div>
        <div class="rect4"></div>
        <div class="rect5"></div>
      </div>
      <div class="board" id="board">
        <p v-for="item in record">恭喜玩家{{item.member_id}}赢得{{item.sum}}金币红包</p >
      </div>
    </div>
    <router-link to="/page3" class="btn ruleBtn"></router-link>
    <router-link to="/page4" class="btn comBtn"></router-link>
    <div class="redPocket">
      <div class="pockBox">
        <div class="pocket" :class="item.clsIndex" v-for="(item,index) in redpacketItem" v-show="index==0" @click="jump(index)">
          <router-link to="(path:'/page1') , query:{index:index}">
            <button>抢红包&gt;</button>
            <p>抢{{item.range}}金币</p >
          </router-link>
        </div>
      </div>
      <div class="pockBox">
        <div class="pocket" :class="item.clsIndex" v-for="(item,index) in redpacketItem" v-show="index>=1&&index<=3" @click="jump(index)">
          <router-link to="(path:'/page1') , query:{index:index}">
            <button>抢红包&gt;</button>
            <p>抢{{item.range}}金币</p >
          </router-link>
        </div>
      </div>
      <div class="pockBox">
        <div class="pocket" :class="item.clsIndex" v-for="(item,index) in redpacketItem" v-show="index>3" @click="jump(index)">
          <router-link to="(path:'/page1') , query:{index:index}">
            <button>抢红包&gt;</button>
            <p>抢{{item.range}}金币</p >
          </router-link>
        </div>
      </div>
    </div>
    <bottom-nav act="open"></bottom-nav>
  </div>
</template>
<script>
import bottomNav from './bottomNav'
import {
  MessageBox
} from 'mint-ui'
import router from "../router"
export default {
  name: 'home',
  data() {
    return {
     load:false,
      homeHeight: